 *{padding:0;margin: 0;}
 .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.pt(@top){.px2rem(padding-top, @top);}
.pl(@top){.px2rem(padding-left, @top);}
.pr(@top){.px2rem(padding-right, @top);}
.pb(@top){.px2rem(padding-bottom, @top);}
.ml(@top){.px2rem(margin-left, @top);}
.mt(@top){.px2rem(margin-top, @top);}
.mb(@top){.px2rem(margin-bottom, @top);}
.mr(@top){.px2rem(margin-right, @top);}
header{
	.px2rem(height,434);
	img{
		width:100%;
		.px2rem(height,434);
	}
}
nav{
	
	border-bottom:5px solid #f3f3f3;
	ul{
		.px2rem(height,83);
		display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
	ul li{
		.px2rem(font-size,28);
		color:#646464;
		.px2rem(line-height,83);
	}
	li:nth-child(1){
		.pl(20);
	}
	li:nth-child(6){
		.pr(20);
	}
	li:hover{
		color:#ff5d5b;
		border-bottom:10px solid #ff5d5b;
	}
}
.one{
	.px2rem(height,549);
	border-bottom:5px solid #f3f3f3;
	span:nth-child(1){
		img{
			.px2rem(width,665);
			.px2rem(height,354);
			.pt(30);
			.pl(40);
		}
	}
	span:nth-child(2){
		text-align:center;
		display:block;
		.px2rem(font-size,35);
		.pt(24);
		color:#333333;
	}span:nth-child(3){
		display:block;
		text-align:center;
		.px2rem(font-size,26);
		.pt(34);
		color:#dcdcdc;
		img{
			.px2rem(width,22);
			.px2rem(height,18);
		}
	}
}